Skip to content

ui: fix computer diagram css margin that blocks down arrow#3225

Merged
yadvr merged 1 commit intoapache:masterfrom
shapeblue:down-arrow-key-ui-fix
Apr 11, 2019
Merged

ui: fix computer diagram css margin that blocks down arrow#3225
yadvr merged 1 commit intoapache:masterfrom
shapeblue:down-arrow-key-ui-fix

Conversation

@yadvr
Copy link
Member

@yadvr yadvr commented Mar 13, 2019

Problem: Down arrow key of the vertical scroll bar in the VM deployment wizard does not work.
Root Cause: The computer diagram on the right side in the VM deployment wizard spills its margin on the left causing the arrow key to be blocked.
Solution: Fix the background-position to get the correct position than margin-left for the zone-panel. With the fix, the left size arrow keys and vertical scrollbars are no longer under the diagram image and press-able now.

Types of changes

  • Breaking change (fix or feature that would cause existing functionality to change)
  • New feature (non-breaking change which adds functionality)
  • Bug fix (non-breaking change which fixes an issue)
  • Enhancement (improves an existing feature and functionality)
  • Cleanup (Code refactoring and cleanup, that may add test cases)

Screenshots (if appropriate):

Before the fix, as seen from dev tools:
Screenshot from 2019-03-13 14-51-00

The layout as seen in dev tools after the fix:
Screenshot from 2019-03-13 15-00-33

This fixes the UI issue where down arrow key of the list of
template/offerings etc is not press-able due to horizontal margin
of the computer diagram spilling on the left in the VM deployment
wizard.

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
@yadvr yadvr added this to the 4.13.0.0 milestone Mar 13, 2019
@yadvr yadvr changed the title css: fix computer diagram margin that blocks down arrow ui: fix computer diagram css margin that blocks down arrow Mar 13, 2019
@DennisKonrad
Copy link
Contributor

Hi @rhtyd,

I think this is already fixed in #3183
We also added some code in response to questions/suggestions from others. Can you look over #3183 and merge?

@DennisKonrad
Copy link
Contributor

I double checked this, and the down arrow is also not clickable with #3183. So this is no duplicate @rhtyd

@yadvr
Copy link
Member Author

yadvr commented Mar 13, 2019

Thanks @DennisKonrad

Copy link
Contributor

@DaanHoogland DaanHoogland left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wish a more relative and abstract way of positioning sprung to mind. LGTM

@borisstoyanov
Copy link
Contributor

@blueorangutan package

@blueorangutan
Copy link

@borisstoyanov a Jenkins job has been kicked to build packages. I'll keep you posted as I make progress.

@blueorangutan
Copy link

Packaging result: ✔centos6 ✔centos7 ✔debian. JID-2636

@yadvr yadvr requested a review from PaulAngus March 25, 2019 08:24
@yadvr yadvr changed the title ui: fix computer diagram css margin that blocks down arrow [WIP DO NOT MERGE] ui: fix computer diagram css margin that blocks down arrow Mar 29, 2019
@yadvr yadvr requested a review from borisstoyanov March 29, 2019 06:41
Copy link
Contributor

@borisstoyanov borisstoyanov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, confirmed this manually

@DagSonsteboSB
Copy link

LGTM

@yadvr yadvr changed the title [WIP DO NOT MERGE] ui: fix computer diagram css margin that blocks down arrow ui: fix computer diagram css margin that blocks down arrow Apr 11, 2019
@yadvr yadvr merged commit 379d779 into apache:master Apr 11, 2019
@andrijapanicsb
Copy link
Contributor

Whohoo - finally :)

pbankonier pushed a commit to pbankonier/cloudstack that referenced this pull request Apr 24, 2019
Problem: Down arrow key of the vertical scroll bar in the VM deployment wizard does not work.
Root Cause: The computer diagram on the right side in the VM deployment wizard spills its margin on the left causing the arrow key to be blocked.
Solution: Fix the background-position to get the correct position than margin-left for the zone-panel. With the fix, the left size arrow keys and vertical scrollbars are no longer under the diagram image and press-able now.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants